<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
		<title>api</title>
		<link rel="stylesheet" type="text/css" href="../css/api.css" />
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../css/orderContent.css" />
		<link rel="stylesheet" type="text/css" href="../css/base.css" />
		<script src="https://unpkg.com/vue@2.0.3/dist/vue.min.js"></script>
		<style>
			
.m-simpleFooter {
    padding: 8px 18px;
    bottom: 0;
    border-width: 1px 0;
    line-height: 32px;
    height: 32px;
}
.m-simpleHeader, .m-simpleFooter {
    position: fixed;
    z-index: 2;
    left: 0;
    right: 0;
    height: 38px;
    line-height: 38px;
    /*border: 1px solid #D4D4D4;
    background: rgba(240,240,240,.8);*/
}
#pay{
	width: 100%;
    background: #FF0000;
    border: 1px solid #FF0000;    display: inline-block;
    color: #fff;
    
    height: 36px;
    line-height: 36px;
    text-align: center;

    font-size: 16px;
    
}
		</style>
	</head>
	<body>
	<script type="text/x-dot-template" id='redpacket-template'>
	{{if(it!=''&&it!='1'){}}
	<div onclick="openHeader('useRedPacket')">

		<span onclick="openHeader('useRedPacket')"  class='left'>{{=it.remark}}</span>
		<span id='red_money'  data='{{=parseInt(it.id)}}' class='gray' style='float: right; margin-right: 25px;'>￥<b  class="red">{{=parseInt(it.money)}}</b></span><i  class='arrow-right'></i>
		</div>
	{{}else if(it=='1'){}}
		<div onclick="openHeader('useRedPacket')">

		<span onclick="openHeader('useRedPacket')"  class='left'>红包</span>
		<span id='red_money'   data='0' class='gray' style='float: right; margin-right: 25px;'>未选择红包</span><i  class='arrow-right'></i>
		</div>
	{{}else{}}
		<span class='left'>红包</span><span id='red_money' data='' class='gray' style='float: right; margin-right: 25px;'>无可用红包</span><i  class='arrow-right'></i>
	{{}}}
	
	</script>
		<script type="text/x-dot-template" id='order-template'>
			<div class="order-wrap border-img"><span class='left'>商品合计</span>
			<span style='float: right; margin-right: 25px;'><span class="red">{{=it.totalAmount}}</span>元</span>
			<i onclick="clickArrow()" id="arrow" class='arrow-bottom'></i></div>
			<div style="display: none" id="orderList" class='orderList-wrap border-bottom-img'>
			<dl id='order-content'>
			<!-- 订单商品确认 -->
			{{ for(var i=0; i< it.productlist.length; i++) { }}
			<dt><span class='order-title'>{{=it.productlist[i].name}}</span><span class='right num'>{{=it.productlist[i].num}}人次</span></dt>
			{{}}}
			</dl>
			</div>
			
			{{if(it.iswx==false){}}
			<!-- <div id='redpacket-content' class='redPacket-wrap border-img'>
			
			</div> -->
			
			<div id='redpacket-content' class='redPacket-wrap border-img'>
			
			</div>
			<div data-pro="balance" class='pay-wrap border-img' id='pay-content'>
			<span data-pro="balance" class='left'>余额支付</span><span data-pro="balance" class='gray'>(账户余额{{=it.money}}元)</span><span class='gray' id='balance-pay' style='float: right; margin-right: 25px;'>￥{{=it.totalAmount}}</span><i data-pro="balance" id='balance_i' class='radio-right'><input  type="radio" id="radio-1-0" data-pro="balance" value='balance' name="radio-1-set" class="regular-radio select" /><label for="radio-1-0"></label><br /></i>
			</div>
			<article>
			<div id='other-pay' style='display: none'>
			<div class='pay-wrap border-img' >
			<span class='left'>其他支付方式</span><span class='gray'></span><span class='gray' id='other-paynum' style='float: right; margin-right: 8px;'>￥{{=it.totalAmount}}</span>
			</div>
			<div id='button' class="button-holder">
			<!-- <div id='wxpay'  data-pro='wx' class='payList border-bottom-img'>
			<img data-pro='wx' src="../image/wx.png" width='32px' height="32px"><span data-pro='wx' class='payName'>微信支付</span>
			<span data-pro='wx' class='payButtom right'>
			<input data-pro='wx' type="radio" id="radio-1-1" value="wx" name="radio-1-set"  class="regular-radio" ><label for="radio-1-1"></label>
			</span>
			</div> -->
			<div style='display: block; position: relative; overflow: hidden' data-pro='jingpay' class='payList border-bottom-img'>
			<img data-pro='jingpay' src="../image/jingpay.png" width='32px' height="32px"><span class='payName'>京东支付</span>
			<span data-pro='jingpay' class='payButtom right'>
			<input data-pro='jingpay' type="radio" id="radio-1-2" value="jingpay" name="radio-1-set"  class="regular-radio select"><label  for="radio-1-2"></label>
			</span>
			</div>
			
			{{}else{}}
			<div id='redpacket-content' class='redPacket-wrap border-img'>
			
			</div>
			<div data-pro="balance" class='pay-wrap border-img' id='pay-content'>
			<span data-pro="balance" class='left'>余额支付</span><span data-pro="balance" class='gray'>(账户余额{{=it.money}}元)</span><span class='gray' id='balance-pay' style='float: right; margin-right: 25px;'>￥{{=it.totalAmount}}</span><i data-pro="balance" id='balance_i' class='radio-right'><input  type="radio" id="radio-1-0" data-pro="balance" value='balance' name="radio-1-set" class="regular-radio select" /><label for="radio-1-0"></label><br /></i>
			</div>
			<article>
			<div id='other-pay' style='display: none'>
			<div class='pay-wrap border-img' >
			<span class='left'>其他支付方式</span><span class='gray'></span><span class='gray' id='other-paynum' style='float: right; margin-right: 8px;'>￥{{=it.totalAmount}}</span>
			</div>
			<div id='button' class="button-holder">
			<div id='wxpay'  data-pro='wx' class='payList border-bottom-img'>
			<img data-pro='wx' src="../image/wx.png" width='32px' height="32px"><span data-pro='wx' class='payName'>微信支付</span>
			<span data-pro='wx' class='payButtom right'>
			<input data-pro='wx' type="radio" id="radio-1-1" value="wx" name="radio-1-set"  class="regular-radio" ><label for="radio-1-1"></label>
			</span>
			</div>
			<div style='display: block; position: relative; overflow: hidden' data-pro='jingpay' class='payList border-bottom-img'>
			<img data-pro='jingpay' src="../image/jingpay.png" width='32px' height="32px"><span class='payName'>京东支付</span>
			<span data-pro='jingpay' class='payButtom right'>
			<input data-pro='jingpay' type="radio" id="radio-1-2" value="jingpay" name="radio-1-set"  class="regular-radio"><label  for="radio-1-2"></label>
			</span>
			</div>
			{{}}}
			
			</div>
			</div>
			</article>
		</script>
		<section>
		<!-- <header id='header'>
			<div class='header detail'>
				<i id='back' onclick="dialogBox_alert1_order()"></i><h1>订单</h1>
			</div>
		</header> -->
			<div id='order-content'>
			
			</div>
			<!-- <div class="m-simpleFooter m-detail-buy border-top-img" id="oneBtnBuy">
			                   <a id='pay' href="javascript:;" onclick="submit()" >确认支付</a>
			                </div> -->
               
		</section>
		
	</body>
	<script type="text/javascript" src="../script/zepto.min.js"></script>
	<script type="text/javascript" src="../script/api.js"></script>
	<script type="text/javascript" src="../script/doT.min.js"></script>
	<script type="text/javascript" src="../script/common.js"></script>
	<script type="text/javascript" src="../script/orderContent.js"></script>
</html>